<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>我的微信管理</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
  <link rel="stylesheet" th:href="@{/css/index.css}">
</head>
<body>
<div style="background-image: url('/img/indexBackground.jpg');background-attachment: fixed;background-size: cover;min-height: 100%">
  <div th:include="common/header"></div>
  <div class="ui">
    <p style="color: coral;font-size: 38px;text-align: center;margin-bottom: 0px">我的微信管理</p>
    <input th:value="${session.loginUser.id}" id="userId" type="hidden"/>
    <div class="ui container" style="width: 80%">
      <div class="ui two grid" style="margin-top: 20px">
        <div class="eight wide column">
          <div class="ui segment basic" style="text-align: center">
            <h2 style="color: #04BE02">已经存放的微信</h2>
            <table class="ui selectable celled table" style="opacity: 0.8">
              <thead>
              <tr>
                <th>id</th>
                <th>微信号</th>
                <th>性别</th>
                <th>学校</th>
                <th>年级</th>
                <th style="width: 130px">想说的话</th>
              </tr>
              </thead>
              <tbody>
              <tr th:each="wechat,iterStat:${saveWechats}">
                <td th:text="${iterStat.index+1}">1</td>
                <td th:text="${wechat.wechat}">1229051747</td>
                <td th:text="男" th:if="${wechat.sex==1}">男</td>
                <td th:text="女" th:if="${wechat.sex==0}">女</td>
                <td th:text="${wechat.school}">南阳理工学院</td>
                <td th:text="${wechat.grade}">大二</td>
                <td th:text="${wechat.description}"></td>
              </tr>
              </tbody>
            </table>
          </div>
        </div>
        <div class="eight wide column">
          <div class="ui basic segment" style="text-align: center">
            <h2 style="color: #008Eb7">已经获取的微信</h2>
            <table class="ui selectable celled table" style="opacity: 0.8">

              <thead>
              <tr>
                <th>id</th>
                <th>微信号</th>
                <th>性别</th>
                <th>学校</th>
                <th>年级</th>
                <th style="width: 130px">想说的话</th>
              </tr>
              </thead>
              <tbody>
              <tr th:each="wechat,iterStat:${takeWechats}">
                <td th:text="${iterStat.index+1}">1</td>
                <td th:text="${wechat.wechat}">1229051747</td>
                <td th:text="男" th:if="${wechat.sex==1}">男</td>
                <td th:text="女" th:if="${wechat.sex==0}">女</td>
                <td th:text="${wechat.school}">南阳理工学院</td>
                <td th:text="${wechat.grade}">大二</td>
                <td th:text="${wechat.description}"></td>
              </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
<script>
</script>
</body>
</html>